<template>
  <el-card class="box-card">
  <div slot="header" class="card-heaer">
    <span style="line-height: 36px;">全球紧急救援-紧急运返报案信息</span> 
    <el-button type="danger" style="float:right" @click="delect"   v-if="newState=='新增'|| (newState=='待办任务' && isNewAdd)">删除</el-button>
  </div>
  
<el-form ref="form" :model="fromlist[model].obj"  :rules.sync="modelrules" label-width="200px">
      <!-- <el-form-item label="紧急医疗救援类型:"  prop="RI_HMEDIA_TYPE" >
    <el-radio-group  v-model="model.RI_HMEDIA_TYPE" :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" >
      <el-radio label="意外伤害" ></el-radio>
      <el-radio label="急性病"  ></el-radio>      
    </el-radio-group>    
  </el-form-item>-->
      <el-form-item label="意外/急性病发生时间:"  prop="RI_HBACK_TIME">
        <el-date-picker
      v-model="fromlist[model].obj.RI_HBACK_TIME"
      type="datetime"
      :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )"
      placeholder="选择日期时间">
    </el-date-picker>
    
  </el-form-item>
    <el-form-item label="是否是美国境内:"  prop="RI_HBACK_ISUS" 
    >
    <el-radio-group  v-model="fromlist[model].obj.RI_HBACK_ISUS"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" >
      <el-radio label="是" ></el-radio>
      <el-radio label="否"  ></el-radio>      
    </el-radio-group>   
     
  </el-form-item>
  <el-form-item label="意外/急性病发生地点:" v-show="fromlist[model].obj.RI_HBACK_ISUS!='否'"
   :rules="{
      required: fromlist[model].obj.RI_HBACK_ISUS!='否', message: '项目名称不能为空', trigger: 'blur'
    }">
    <el-radio-group style="float:left; ">
    <el-cascader  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )"
    :options="address"
    v-model="fromlist[model].obj.RI_HBACK_ADDRESS"
   >
  </el-cascader>  
    </el-radio-group>
    
  </el-form-item>
   
   <el-form-item label="意外/急性病发生详细地址:" v-show="fromlist[model].obj.RI_HBACK_ISUS!='否'">
    <el-input v-model="fromlist[model].obj.RI_HBACK_ADDRESSDETAIL"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" style="float:left; width:200px; padding-left:5px"></el-input>  
  </el-form-item>
  <el-form-item label="原救援机构/医疗机构名称:"  prop="RI_HBACK_HNAME">
    <el-input v-model="fromlist[model].obj.RI_HBACK_HNAME"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" style="float:left; width:200px; padding-left:5px"></el-input>  
  </el-form-item>
  <el-form-item label="地址"  prop="RI_HBACK_HADDRESS">
    <el-input v-model="fromlist[model].obj.RI_HBACK_HADDRESS"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" style="float:left; width:200px; padding-left:5px"></el-input>  
  </el-form-item>
  <el-form-item label="联系电话"  prop="RI_HBACK_HTEL">
    <el-input v-model="fromlist[model].obj.RI_HBACK_HTEL"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" style="float:left; width:200px; padding-left:5px"></el-input>  
  </el-form-item>
  <el-form-item label="电子邮箱"  prop="RI_HBACK_HEMAIL">
    <el-input v-model="fromlist[model].obj.RI_HBACK_HEMAIL"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )" style="float:left; width:200px; padding-left:5px"></el-input>  
  </el-form-item>
  
   <el-form-item label="详情描述(意外事故说明/急性病症状、初次就医时间、就医持续时间、治疗现状等)"  prop="RI_HBACK_DETAILS">
    <el-input type="textarea" v-model="fromlist[model].obj.RI_HBACK_DETAILS"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )"></el-input>
</el-form-item>
 <el-form-item label="转院需求详情描述(拟采用的交通工具等):"  prop="RI_HBACK_YDETAILS">
    <el-input type="textarea" v-model="fromlist[model].obj.RI_HBACK_YDETAILS"  :disabled=" newState=='审核' || (newState=='追加' && !isNewAdd ) || (newState=='待办任务' && !newIsEditer )"></el-input>
</el-form-item>

    <el-form-item label="附件下载" v-if="newState=='审核'">
                    <el-button type="primary" class="fileselect" @click="download">
                        下载附件
                    </el-button>
                </el-form-item>
                <el-form-item label="附件上传"  prop="RI_HBACK_DOC" v-else>
 <el-button type="primary" class="fileselect" style="display:block">
                            <input type="file" @change="upload" value="" id="fileup"> 上传附件
                        </el-button>
   </el-form-item>
   <el-form-item   prop="RI_HBACK_DOC" v-show="false">

                        <el-input v-model="fromlist[model].obj.RI_HBACK_DOC" ></el-input>  
                       
   </el-form-item>
<el-form-item label="审核:"  v-if="newState=='审核'|| ( newState=='追加'&& !isNewAdd)">
    <el-select placeholder="审核" v-model="fromlist[model].obj.RI_HBACK_STATE" :disabled=" (newState=='审核' && oldState!='需审核') || (newState=='追加' && !isNewAdd ) ">
        <el-option label="审核通过" value="审核通过"></el-option>
        <el-option label="退回重新填写" value="需修改"></el-option>
        <el-option label="拒赔" value="审核不通过"></el-option>
    </el-select>
</el-form-item>
<el-form-item label="拒赔原因:" v-if="fromlist[model].obj.RI_HBACK_STATE=='审核不通过'"> 
    <el-input type="textarea" v-model="fromlist[model].obj.RI_HBACK_WHY"   :disabled="newState!='审核'"></el-input>
</el-form-item>
<el-form-item label="修改原因:" v-if="fromlist[model].obj.RI_HBACK_STATE=='需修改'"> 
    <el-input type="textarea" v-model="fromlist[model].obj.RI_HBACK_WHY"   :disabled="newState!='审核'"></el-input>
</el-form-item>

</el-form>
</el-card>
</template>
<script>
    import {
        mapState
    } from 'vuex';
    export default {
        data() {
            return {
                medical: this.$store.state.reportform.medical,
                  oldState: this.$store.state.reportform.fromlist[this.model].obj.RI_HBACK_STATE, 
                showwhy: false,               
                hospatialList: [],
                issuccess: false //是否通过
            }
        },
        props: {
            //对象
           model:{
              type: Number,
                default: 0
           },
         //状态2.0 新增 追加 待办任务
        newState: {
            type: String,
            default: "新增"
        },
        //状态2.0 代办任务中是否是需修改的 默认是true
        newIsEditer: {
            type: Boolean,
            default: true
        },
        //状态2.0 追加中是否是新增 默认是false 可以编辑
        isNewAdd: {
            type: Boolean,
            default: false
        },       
           //对象约束
           modelrules:{
                 type: Object,
                default: {}
           },
           
            //是否是审核
            ischeck: {
                type: Boolean,
                default: false
            }
                
        },
      
        methods: {    
               upload(event) {
            let file = event.target.files[0];           
            if (file) {
                const formData = new FormData();
                formData.append('file', file)  ;             
                this.$http.post('ReportInfomation/file', formData, {
                    progress(event) {
                        //传递给父组件的progress方法
                   
                        // self.$emit('progress', parseFloat(event.loaded / event.total * 100), flag)
                    }
                }).then(response => {
                    var data = response.body;
                    this.loading = false;
                    if (data.code == 1) {

                        this.fromlist[this.model].obj.RI_HBACK_DOC = data.msg[0];
                        this.$notify({
                            title: '附件上传成功',
                            message: '附件上传成功',
                            type: 'success'
                        });
                        document.getElementById("fileup").value = "";
                      
                    } else {
                        this.loding = false;
                        this.$notify.error({
                            title: '提交失败',
                            message: data.msg
                        });
                        document.getElementById("fileup").value = "";
                      
                    }
                }, response => {
                    this.loading = false;
                    this.$notify.error({
                        title: '网络错误',
                        message: '网络错误'
                    });
                    this.loding = false;
                    document.getElementById("fileup").value = "";
                })


            }
        },     
            checkchange() {
                if (this.medical.RI_MEDICAL_STATE != "审核通过" && this.medical.RI_MEDICAL_STATE != "") {
                    this.showwhy = true;
                } else {
                    this.showwhy = false;
                }
            },
            handleCurrentChange(val) {
                this.currentRow = val;
               
                if(val!=null&& val!={})
                 this.medical.RI_MEDICAL_HLNAME=val.RECOMMENDHOSPITAL_ID;
              
            },
             delect(){
           
                if (this.model !== -1) {
                    this.fromlist.splice(this.model, 1)
                }
            },
            download() {
            var url = this.$http.options.root;
            var base = url.substring(0, url.length - 3);
            window.open(base + "Upload/" + this.fromlist[this.model].obj.RI_HBACK_DOC);
        }
        },
        computed: mapState({
            // 箭头函数可使代码更简练
            // medical: state => state.reportform.medical,
            address: state => state.select.address,
            medicalrules: state => state.reportform.medicalrules,
             fromlist:state => state.reportform.fromlist
        })
       
    }
</script>
